如果有錯誤,歡迎留言指教~ Q_Q
好的命名,也能夠清楚的讓人一看就知道是在做什麼
團隊有統一的寫法,也能更快能理解和有個開發規範
就算是自己獨立開發,隔幾天也是會容易忘記啦~
駝峰式命名: 變數名稱的第一個英文單字開頭是小寫,其餘的英文單字開頭是大寫。
例如: isLoading
、newsList
常數是,不會再變更這個變數 -> 用 const
例如: SLOGAN
、UPDATE_TIME
Components命名 -> 功能+類型(誰的什麼項目)
例如:
xxxButton → LoginButton
xxxPage → NewList
也是因為 React 是以開頭大小寫分辨是否為 Html 既有的元件
// NewList.jsx
const NewList = ({ onCreate }) => {
};
export default NewList;
components 的 props 命名,要看得出來是在處理什麼
onCreate、onDelete、onUpdate、onChange、onAdd、onInsert
例如:
點擊是一個動作,但實際做了什麼,是新增嗎? 還是刪除? 也一併寫在命名吧
const clickShare = () => {
setIsShare(true);
};
render(
<button className="whiteButton" onClick={clickShare}>
)